<div class="box box-default">
  <div class="box-body">
    <form class="form-inline">
      <div class="box box-default">
        <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left:0px;margin-bottom:8px !important;">
          <button *ngIf="_.includes(menuResourceSet,'btn-oto-check')" class="btn btn-primary" type="button" (click)="checkPass()">
                      <i class="fa fa-check-square-o"></i>审核通过</button>
          <button *ngIf="_.includes(menuResourceSet,'btn-oto-check')" class="btn btn-primary" type="button" (click)="checkNotPass()">
                      <i class="fa fa-check-square-o"></i>审核不通过</button>
          <button type="button" class="btn btn-box-tool pull-right" data-widget="collapse">
                      <i class="fa fa-minus"></i>
                    </button>
        </div>
        <div class="box-body" style="display:block">
          <div class="form-group col-lg-12" style="padding-left:0px !important;">
            <label class="control-label">产品名称：</label>
            <input type="text" class="form-control" [(ngModel)]="otoCheckBody.sFullName" name="sFullName" placeholder="产品名称">
            <label class=" control-label">产品代码：</label>
            <input type="text" class="form-control" [(ngModel)]="otoCheckBody.sFundCode" name="sFundCode" placeholder="产品代码">
            <label class="control-label">业务类型：</label>
            <select class="form-control" [(ngModel)]="otoCheckBody.sType" name="sType">
              <option value="" selected="selected">全部</option>
              <option value="1">修改内容</option>
              <option value="2">续约</option>
              <option value="3">终止</option>
              <option value="4">运作</option>
            </select>
            <label class="control-label">审核状态：</label>
            <select class="form-control" [(ngModel)]="otoCheckBody.sStatus" name="sStatus">
                  <option value="" selected="selected">全部</option>
                  <option value="1">待审核</option>
                  <option value="2">已审核</option>
                </select>
            <button class="btn btn-primary" (click)="getCheckList(1)">
              <i class="fa fa-search"></i>查询</button>
          </div>

          <!-- <div class="form-group " style="padding-left:0px !important;margin-top:5px;">
            <label class="control-label">托管人</label>
            <select class="form-control" name="sStatusRunning" [(ngModel)]="otoCheckBody.sTrustee">
              <option [value]="''" selected="selected">--全部--</option>
              <option [value]="item.sInstiCode" *ngFor="let item of bankDictionaryList">{{item.sShortName}}</option>
            </select>
          </div> -->
          <!-- <div class="form-group " style="padding-left:0px !important;margin-top:5px;">
            <label class="control-label">委托人</label>
            <input type="text" class="form-control" name="sPrincipal" [(ngModel)]="otoCheckBody.sPrincipal" placeholder="委托人">
          </div> -->
        </div>
      </div>
    </form>
    <!-- <hr> -->
    <div class="box-body" style="padding-left:0px;padding-right:0px;">
      <div style="overflow-x:scroll;width:100%">
        <table id="fixed-table" class="datatable-control-more table table-bordered table-hover table-keep-line table-striped" style="margin-top:unset !important;">
          <thead>
            <tr>
              <th style="padding-left:20px;" class="width-5">
                <div class="checkbox checkbox-primary">
                  <input type="checkbox" id="checkboxAll" [(ngModel)]="isCheckedAll" (ngModelChange)="checkedAll()">
                  <label>
                  </label>
                </div>
              </th>
              <th class="width-8" (click)="orderData('sFundCode')">产品代码<i class="fa fa-sort"></i></th>
              <th class="width-24" (click)="orderData('sFundName')">产品简称<i class="fa fa-sort"></i></th>
              <th class="width-15" (click)="orderData('sFundTypeName')">产品类型<i class="fa fa-sort"></i></th>
              <!-- <th>修改项</th>
              <th class="width_100">修改前</th>
              <th class="width_100">修改后</th> -->
              <th class="width-18" (click)="orderData('dCreateTime')">修改日期<i class="fa fa-sort"></i></th>
              <th class="width-15" (click)="orderData('sTypeName')">业务类型<i class="fa fa-sort"></i></th>
              <th class="width-15" (click)="orderData('sStatus')">审核状态<i class="fa fa-sort"></i></th>
            </tr>
          </thead>
          <tbody>
            <tr *ngFor="let item of otoCheckList;let index = index;">
              <td style="padding-left:20px;" class="width-5">
                <div class="checkbox checkbox-primary">
                  <input type="checkbox" id="checkbox1" name="checkbox" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll()">
                  <label></label>
                </div>
              </td>
              <td class="width-8 short_name" (dblclick)="showCheckModal(item)" [attr.title]="item.sFundCode"><a>{{item.sFundCode}}</a></td>
              <td class="width-24 short_name" (dblclick)="showCheckModal(item)" [attr.title]="item.sFullName"><a>{{item.sFundName}}</a></td>
              <td class="width-15 short_name" (dblclick)="showCheckModal(item)" [attr.title]="item.sFundTypeName"><a>{{item.sFundTypeName}}</a>
              </td>
              <!-- <td class="short_name" [attr.title]="item.sModifyItem">{{item.sModifyItem}}</td>
              <td class="short_name" [attr.title]="item.sBeforeModify">{{item.sBeforeModify}}</td>
              <td class="short_name" [attr.title]="item.sAfterModify">{{item.sAfterModify}}</td> -->
              <td class="width-18 short_name" (dblclick)="showCheckModal(item)" [attr.title]="item.dCreateTime"><a>{{item.dCreateTime}}</a></td>
              <td class="width-15 short_name" (dblclick)="showCheckModal(item)" [attr.title]="item.sTypeName"><a>{{item.sTypeName}}</a></td>
              <td class="width-15 short_name">
                <span *ngIf="item.sStatus=='1'">待审核</span>
                <span *ngIf="item.sStatus=='2'">已审核</span>
                <span *ngIf="item.sStatus=='3'">审核不通过</span>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
    <div class="box-footer clearfix">
      <app-pagination [currentPageNum]="otoCheckListPageInfo.currentPageNum" [pagesShow]="" [totalPages]="otoCheckListPageInfo.totalPages"
        (pageChanged)="otoCheckPageNavigation($event)">
        <div class="pull-left pagination-detail" data-pagination-additional="true">
          <span class="pagination-info">
            当前显示第{{otoCheckListPageInfo.startRow}}到第{{otoCheckListPageInfo.endRow}}条，总共{{otoCheckListPageInfo.total}}条，
          </span>
          <span class="page-list">
            每页记录
            <span class="btn-group dropup">
              <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                <span class="page-size">{{otoCheckListPageInfo.pageSize}}</span>
          <span class="caret"></span>
          </button>
          <ul class="dropdown-menu" role="menu">
            <li *ngFor="let i of otoCheckListPageInfo.pageList" role="menuitem" [class.active]="otoCheckListPageInfo.pageSize === i"
              (click)="otoCheckPagesizeChange(i)">
              <a>{{i}}</a>
            </li>
          </ul>
          </span>条
          </span>
        </div>
      </app-pagination>
    </div>
  </div>
</div>
<!-- 修改审核modal -->
<div class="modal modal-open" id="checkModal">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title">
          <span>修改审核</span>
        </h4>
      </div>
      <div class="modal-body">
        <div class="container-fluid">
          <div class="row">
            <div #checkModal></div>
          </div>
        </div>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>

<!-- 添加到期日modal -->
<div class="modal modal-open" id="addDendModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title">
          <span>添加新的到期日</span>
        </h4>
      </div>
      <div class="modal-body">
        <div class="container-fluid">
          <div class="row">

            <label class="col-lg-3 text-right">新的到期日</label>
            <div class="col-lg-5">
              <div class="input-group date form_datetime">
                <span class="input-group-addon">
                  <i class="fa fa-calendar"></i>
                </span>
                <input class="form-control" id="dEnd" type="text" style="background: white; cursor: pointer;" [(ngModel)]="dEnd" mwlFlatpickr
                  [ngModelOptions]="{standalone: true}">
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default pull-left" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary" (click)="addDend()">
          <i class="fa fa-save"></i>审核通过</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>